<template>
  <div>
    <a-config-provider :locale="locale">
      <div style="font-size: 14pt; margin-bottom: 10px"><span style="font-weight: bold; ">编号：</span>{{ formData.applyCode.componentProp.defaultValue }}</div>

      <div style="font-size: 18pt; text-align: center;font-weight: bold; margin-bottom: 50px">
        中电翼康科技有限公司拟录用人员审批单
      </div>
      <a-form ref="vForm" :model="formData" hideRequiredMark>
        <table border="1" cellspacing="0" cellpadding="0" style="width: 100%" class="yk_table">
          <tr>
            <td colspan="4" style="font-size: 12pt; text-align: center;font-weight: bold">拟录用人员详情</td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">拟录取人姓名</span></td>
            <td>
              <a-form-item :label="formData.employeeName.label" class="hideLabel" :name="[
                formData.employeeName.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.employeeName.componentProp.hidden" :rules="formData.employeeName.rules">
                <a-input v-model:value="formData.employeeName.componentProp.defaultValue
                  " :disabled="formData.employeeName.componentProp.disabled" :placeholder="formData.employeeName.componentProp.placeholder
    " />
              </a-form-item>
            </td>
            <td><span style="font-weight: bold; ">性别</span></td>
            <td>
              <a-form-item :label="formData.sex.label" class="hideLabel"
                :name="[formData.sex.field, 'componentProp', 'defaultValue']"
                v-if="!formData.sex.componentProp.hidden" :rules="formData.sex.rules">
                <a-select v-model:value="formData.sex.componentProp.defaultValue"
                  :disabled="formData.sex.componentProp.disabled"
                  :placeholder="formData.sex.componentProp.placeholder"
                  :options="formData.sex.componentProp.option" allowClear>
                </a-select>
              </a-form-item>
            </td>
          </tr>
          <tr>
            
            <td><span style="font-weight: bold; ">身份证号码</span></td>
            <td colspan="3">
              <a-form-item :label="formData.identityCard.label" class="hideLabel" :name="[
                formData.identityCard.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.identityCard.componentProp.hidden" :rules="formData.identityCard.rules">
                <a-input v-model:value="formData.identityCard.componentProp.defaultValue
                  " :disabled="formData.identityCard.componentProp.disabled" :placeholder="formData.identityCard.componentProp.placeholder
    " />
              </a-form-item>
            </td>
          
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">毕业院校</span></td>
            <td>
              <a-form-item :label="formData.school.label" class="hideLabel" :name="[
                formData.school.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.school.componentProp.hidden" :rules="formData.school.rules">
                <a-input v-model:value="formData.school.componentProp.defaultValue
                  " :disabled="formData.school.componentProp.disabled" :placeholder="formData.school.componentProp.placeholder
    " />
              </a-form-item>
            </td>
            <td><span style="font-weight: bold; ">专业</span></td>
            <td>
              <a-form-item :label="formData.profession.label" class="hideLabel" :name="[
                formData.profession.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.profession.componentProp.hidden" :rules="formData.profession.rules">
                <a-input v-model:value="formData.profession.componentProp.defaultValue
                  " :disabled="formData.profession.componentProp.disabled" :placeholder="formData.profession.componentProp.placeholder
    " />
              </a-form-item>
            </td>
          </tr>
           
          <tr>
            <td><span style="font-weight: bold; ">学历</span></td>
            <td>
              <a-form-item :label="formData.education.label" class="hideLabel" :name="[
                formData.education.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.education.componentProp.hidden" :rules="formData.education.rules">
                <a-input v-model:value="formData.education.componentProp.defaultValue
                  " :disabled="formData.education.componentProp.disabled" :placeholder="formData.education.componentProp.placeholder
    " />
              </a-form-item>
            </td>
            <td><span style="font-weight: bold; ">学位</span></td>
            <td>
              <a-form-item :label="formData.degree.label" class="hideLabel" :name="[
                formData.degree.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.degree.componentProp.hidden" :rules="formData.degree.rules">
                <a-input v-model:value="formData.degree.componentProp.defaultValue
                  " :disabled="formData.degree.componentProp.disabled" :placeholder="formData.degree.componentProp.placeholder
    " />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">拟入职部门</span></td>
            <td>
              <a-form-item :label="formData.employeeDeptName.label" class="hideLabel" :name="[
                formData.employeeDeptName.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.employeeDeptName.componentProp.hidden" :rules="formData.employeeDeptName.rules">
                <a-input v-model:value="formData.employeeDeptName.componentProp.defaultValue
                  " :disabled="formData.employeeDeptName.componentProp.disabled" :placeholder="formData.employeeDeptName.componentProp.placeholder
    " />
              </a-form-item>
            </td>

            <td><span style="font-weight: bold; ">岗位</span></td>
            <td>
              <a-form-item :label="formData.job.label" class="hideLabel formTimedisplay" :name="[
                formData.job.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.job.componentProp.hidden" :rules="formData.job.rules">
                <a-input v-model:value="formData.job.componentProp.defaultValue
                  " :disabled="formData.job.componentProp.disabled" :placeholder="formData.job.componentProp.placeholder
    " />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">拟入职BASE地</span></td>
            <td>
              <a-form-item :label="formData.baseAddress.label" class="hideLabel" :name="[
                formData.baseAddress.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.baseAddress.componentProp.hidden" :rules="formData.baseAddress.rules">
                <a-input v-model:value="formData.baseAddress.componentProp.defaultValue
                  " :disabled="formData.baseAddress.componentProp.disabled" :placeholder="formData.baseAddress.componentProp.placeholder
    " />
              </a-form-item>
            </td>

            <td><span style="font-weight: bold; ">相关工作经验</span></td>
            <td>
              <a-form-item :label="formData.workExp.label" class="hideLabel" :name="[
                formData.workExp.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.workExp.componentProp.hidden" :rules="formData.workExp.rules">
                <a-input v-model:value="formData.workExp.componentProp.defaultValue" suffix="年"
                 :disabled="formData.workExp.componentProp.disabled" :placeholder="formData.workExp.componentProp.placeholder" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td colspan="4" style="font-size: 12pt; text-align: center;font-weight: bold">相关附件</td>
          </tr>
          <tr>
            <td colspan="4" style="color: #ff0000;text-align: left;">
              请上传拟录用人员的身份证复印件、教育部学历证书电子注册备案表、教育部学籍在线验证报告、个人简历等审批材料。
            </td>
          </tr>
          <tr>
            <td colspan="4" style="font-size: 12pt; text-align: center;font-weight: bold">合同相关</td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">拟试用期</span></td>
            <td>
              <a-form-item :label="formData.tryDays.label" class="hideLabel" :name="[
                formData.tryDays.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.tryDays.componentProp.hidden" :rules="formData.tryDays.rules">
                <a-input v-model:value="formData.tryDays.componentProp.defaultValue" suffix="个月"
                 :disabled="formData.tryDays.componentProp.disabled" :placeholder="formData.tryDays.componentProp.placeholder" />
              </a-form-item>
            </td>
            <td><span style="font-weight: bold; ">合同期限</span></td>
            <td>
              <a-form-item :label="formData.contractDays.label" class="hideLabel" :name="[
                formData.contractDays.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.contractDays.componentProp.hidden" :rules="formData.contractDays.rules">
                <a-input v-model:value="formData.contractDays.componentProp.defaultValue" suffix="年"
                 :disabled="formData.contractDays.componentProp.disabled" :placeholder="formData.contractDays.componentProp.placeholder" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">合同类型</span></td>
            <td>
              <a-form-item :label="formData.contractType.label" class="hideLabel"
                :name="[formData.contractType.field, 'componentProp', 'defaultValue']"
                v-if="!formData.contractType.componentProp.hidden" :rules="formData.contractType.rules">
                <a-select v-model:value="formData.contractType.componentProp.defaultValue"
                  :disabled="formData.contractType.componentProp.disabled"
                  :placeholder="formData.contractType.componentProp.placeholder"
                  :options="formData.contractType.componentProp.option" allowClear>
                </a-select>
              </a-form-item>
            </td>
            <td><span style="font-weight: bold; ">年薪包</span></td>
            <td>
              <a-form-item :label="formData.yearMoney.label" class="hideLabel" :name="[
                formData.yearMoney.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.yearMoney.componentProp.hidden" :rules="formData.yearMoney.rules">
                <a-input v-model:value="formData.yearMoney.componentProp.defaultValue" suffix="万元/年"
                 :disabled="formData.yearMoney.componentProp.disabled" :placeholder="formData.yearMoney.componentProp.placeholder" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">试用期薪酬</span></td>
            <td>
              <a-form-item :label="formData.tryMoney.label" class="hideLabel" :name="[
                formData.tryMoney.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.tryMoney.componentProp.hidden" :rules="formData.tryMoney.rules">
                <a-input v-model:value="formData.tryMoney.componentProp.defaultValue" suffix="元/月"
                 :disabled="formData.tryMoney.componentProp.disabled" :placeholder="formData.tryMoney.componentProp.placeholder" />
              </a-form-item>
            </td>
            <td><span style="font-weight: bold; ">转正后薪酬</span></td>
            <td>
              <a-form-item :label="formData.officialMoney.label" class="hideLabel" :name="[
                formData.officialMoney.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.officialMoney.componentProp.hidden" :rules="formData.officialMoney.rules">
                <a-input v-model:value="formData.officialMoney.componentProp.defaultValue" suffix="元/月"
                 :disabled="formData.officialMoney.componentProp.disabled" :placeholder="formData.officialMoney.componentProp.placeholder" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td colspan="4" style="font-size: 12pt; text-align: center;font-weight: bold">审批流程</td>
          </tr>
          <tr>
            <!-- <td rowspan="3">会签意见</td> -->
            <td><span style="font-weight: bold; ">部门负责人意见</span></td>
            <td colspan="3">
              <a-form-item style="margin-bottom: 10px" :label="formData.deptManagerContent.label" class="hideLabel" :name="[
                formData.deptManagerContent.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.deptManagerContent.componentProp.hidden" :rules="formData.deptManagerContent.rules">
                <a-textarea v-model:value="formData.deptManagerContent.componentProp.defaultValue"
                  :disabled="formData.deptManagerContent.componentProp.disabled"
                  :placeholder="formData.deptManagerContent.componentProp.placeholder" />
              </a-form-item>
                <div style="float: right; margin-top: 10px;">
                <a-row :gutter="16">
                  <a-col :span="12">
                    <a-form-item label="签字：" :name="[
                  formData.deptManagerSign.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.deptManagerSign.componentProp.hidden" :rules="formData.deptManagerSign.rules">
                  <a-input v-model:value="formData.deptManagerSign.componentProp.defaultValue"
                    :disabled="formData.deptManagerSign.componentProp.disabled"
                    :placeholder="formData.deptManagerSign.componentProp.placeholder" />
                </a-form-item>
              </a-col>
                  <a-col :span="12">
                <a-form-item label="" :name="[
                  formData.deptManagerDate.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.deptManagerDate.componentProp.hidden" :rules="formData.deptManagerDate.rules">
                  <a-date-picker style="width: 100%" v-model:value="formData.deptManagerDate.componentProp.defaultValue
                    " :disabled="formData.deptManagerDate.componentProp.disabled"
                    :placeholder="formData.deptManagerDate.componentProp.placeholder" type="date"
                    value-format="YYYY-MM-DD" format="YYYY年MM月DD日" />
                </a-form-item>
              </a-col>
              </a-row>
              </div>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">人力资源部意见</span></td>
            <td colspan="3">
              <a-form-item style="margin-bottom: 10px" :label="formData.manpowerManagerContent.label" class="hideLabel"
                :name="[
                  formData.manpowerManagerContent.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.manpowerManagerContent.componentProp.hidden"
                :rules="formData.manpowerManagerContent.rules">
                <a-textarea v-model:value="formData.manpowerManagerContent.componentProp.defaultValue"
                  :disabled="formData.manpowerManagerContent.componentProp.disabled"
                  :placeholder="formData.manpowerManagerContent.componentProp.placeholder" />
              </a-form-item>
              <div style="float: right; margin-top: 10px;">
                <a-row :gutter="16">
                  <a-col :span="12">
                    <a-form-item label="签字：" :name="[
                      formData.manpowerManagerSign.field,
                      'componentProp',
                      'defaultValue',
                    ]" v-if="!formData.manpowerManagerSign.componentProp.hidden"
                      :rules="formData.manpowerManagerSign.rules">
                      <a-input v-model:value="formData.manpowerManagerSign.componentProp.defaultValue
                        " :disabled="formData.manpowerManagerSign.componentProp.disabled
    " :placeholder="formData.manpowerManagerSign.componentProp.placeholder
    " />
                    </a-form-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-item :label="formData.manpowerManagerDate.label" class="hideLabel formTimedisplay" :name="[
                      formData.manpowerManagerDate.field,
                      'componentProp',
                      'defaultValue',
                    ]" v-if="!formData.manpowerManagerDate.componentProp.hidden"
                      :rules="formData.manpowerManagerDate.rules">
                      <a-date-picker v-model:value="formData.manpowerManagerDate.componentProp.defaultValue
                        " :disabled="formData.manpowerManagerDate.componentProp.disabled" :placeholder="formData.manpowerManagerDate.componentProp.placeholder
    " show-time type="date" value-format="YYYY-MM-DD" format="YYYY年MM月DD日" style="width: 100%"/>
                    </a-form-item>
                  </a-col>
                </a-row>
              </div>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">分管副总意见</span></td>
            <td colspan="3">
              <a-form-item style="margin-bottom: 10px" :label="formData.deputyGeneralManagerContent.label"
                class="hideLabel" :name="[
                  formData.deputyGeneralManagerContent.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.deputyGeneralManagerContent.componentProp.hidden"
                :rules="formData.deputyGeneralManagerContent.rules">
                <a-textarea v-model:value="formData.deputyGeneralManagerContent.componentProp.defaultValue"
                  :disabled="formData.deputyGeneralManagerContent.componentProp.disabled"
                  :placeholder="formData.deputyGeneralManagerContent.componentProp.placeholder" />
              </a-form-item>
              <div style="float: right; margin-top: 10px;">
                <a-row :gutter="16">
                  <a-col :span="12">
                    <a-form-item label="签字：" :name="[
                      formData.deputyGeneralManagerSign.field,
                      'componentProp',
                      'defaultValue',
                    ]" v-if="!formData.deputyGeneralManagerSign.componentProp.hidden"
                      :rules="formData.deputyGeneralManagerSign.rules">
                      <a-input v-model:value="formData.deputyGeneralManagerSign.componentProp.defaultValue
                        " :disabled="formData.deputyGeneralManagerSign.componentProp.disabled
    " :placeholder="formData.deputyGeneralManagerSign.componentProp.placeholder
    " />
                    </a-form-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-item :label="formData.deputyGeneralManagerDate.label" class="hideLabel formTimedisplay" :name="[
                      formData.deputyGeneralManagerDate.field,
                      'componentProp',
                      'defaultValue',
                    ]" v-if="!formData.deputyGeneralManagerDate.componentProp.hidden"
                      :rules="formData.deputyGeneralManagerDate.rules">
                      <a-date-picker v-model:value="formData.deputyGeneralManagerDate.componentProp.defaultValue
                        " :disabled="formData.deputyGeneralManagerDate.componentProp.disabled" :placeholder="formData.deputyGeneralManagerDate.componentProp.placeholder
    " show-time type="date" value-format="YYYY-MM-DD" format="YYYY年MM月DD日"  style="width: 100%"/>
                    </a-form-item>
                  </a-col>
                </a-row>
              </div>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">总经理意见</span></td>
            <td colspan="3">
              <a-form-item style="margin-bottom: 10px" :label="formData.generalManagerContent.label" class="hideLabel"
                :name="[
                  formData.generalManagerContent.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.generalManagerContent.componentProp.hidden"
                :rules="formData.generalManagerContent.rules">
                <a-textarea v-model:value="formData.generalManagerContent.componentProp.defaultValue"
                  :disabled="formData.generalManagerContent.componentProp.disabled"
                  :placeholder="formData.generalManagerContent.componentProp.placeholder" />
              </a-form-item>
              <div style="float: right; margin-top: 10px;">
                <a-row :gutter="16">
                  <a-col :span="12">
                    <a-form-item label="签字：" :name="[
                      formData.generalManagerSign.field,
                      'componentProp',
                      'defaultValue',
                    ]" v-if="!formData.generalManagerSign.componentProp.hidden"
                      :rules="formData.generalManagerSign.rules">
                      <a-input v-model:value="formData.generalManagerSign.componentProp.defaultValue
                        " :disabled="formData.generalManagerSign.componentProp.disabled
    " :placeholder="formData.generalManagerSign.componentProp.placeholder
    " />
                    </a-form-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-item :label="formData.generalManagerDate.label" class="hideLabel formTimedisplay" :name="[
                      formData.generalManagerDate.field,
                      'componentProp',
                      'defaultValue',
                    ]" v-if="!formData.generalManagerDate.componentProp.hidden"
                      :rules="formData.generalManagerDate.rules">
                      <a-date-picker v-model:value="formData.generalManagerDate.componentProp.defaultValue
                        " :disabled="formData.generalManagerDate.componentProp.disabled" :placeholder="formData.generalManagerDate.componentProp.placeholder
    " show-time type="date" value-format="YYYY-MM-DD" format="YYYY年MM月DD日"  style="width: 100%"/>
                    </a-form-item>
                  </a-col>
                </a-row>
              </div>
            </td>
          </tr>

        </table>
      </a-form>
    </a-config-provider>
  </div>
</template>

<script lang="ts" setup>
import { ref, reactive, watch } from "vue";
import dayjs from "dayjs";
import zhCN from "ant-design-vue/es/locale/zh_CN";
import "dayjs/locale/zh-cn";
dayjs.locale("zh-cn");
const vForm = ref();
const locale = ref(zhCN);
const formData = reactive({
  applyCode: {
    type: "input",
    field: "applyCode",
    label: "编号",
    rules: [{ required: false }],
    componentProp: {
      defaultValue: '${applyCode}',
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  applyUserId: {
    type: 'input',
    field: 'applyUserId',
    label: '申请人Id（隐藏）',
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applyUserId}",
      disabled: false,
      hidden: false,
      placeholder: ""
    }
  },
  applyUserName: {
    type: "input",
    field: "applyUserName",
    label: "姓名",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applyUserName}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  employeeName: {
    type: "input",
    field: "employeeName",
    label: "拟录取人姓名",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  sex: {
    type: "select",
    field: "sex",
    label: "性别",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请选择",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [
        {label: '男', value: '男'},
        {label: '女', value: '女'}
      ],
    },
  },
  identityCard: {
    type: "input",
    field: "identityCard",
    label: "身份证号码",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  school: {
    type: "input",
    field: "school",
    label: "毕业院校",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  profession: {
    type: "input",
    field: "profession",
    label: "专业",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  education: {
    type: "input",
    field: "education",
    label: "学历",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  degree: {
    type: "input",
    field: "degree",
    label: "学位",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  employeeDeptName: {
    type: "input",
    field: "employeeDeptName",
    label: "拟入职部门",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  applyUserDeptName: {
    type: "input",
    field: "applyUserDeptName",
    label: "申请人部门",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "${applyUserDeptName}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  job: {
    type: "input",
    field: "job",
    label: "岗位",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  baseAddress: {
    type: "input",
    field: "baseAddress",
    label: "拟入职BASE地",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  workExp: {
    type: "input",
    field: "workExp",
    label: "相关工作经验",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  

  tryDays: {
    type: "input",
    field: "tryDays",
    label: "拟试用期",
    rules: [{ required: false }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  },
  contractDays: {
    type: "input",
    field: "contractDays",
    label: "合同期限",
    rules: [{ required: false }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  },
  yearMoney: {
    type: "input",
    field: "yearMoney",
    label: "年薪包",
    rules: [{ required: false }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  },
  tryMoney: {
    type: "input",
    field: "tryMoney",
    label: "试用期薪酬",
    rules: [{ required: false }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  },
  officialMoney: {
    type: "input",
    field: "officialMoney",
    label: "转正后薪酬",
    rules: [{ required: false }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  },
  
  contractType: {
    type: "select",
    field: "contractType",
    label: "合同类型",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请选择",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [
        {label: '中通文博', value: '0'},
        {label: '中电信翼康', value: '1'}
      ],
    },
  },
  deptManagerContent: {
    type: "input",
    field: "deptManagerContent",
    label: "部门负责人意见",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deptManagerSign: {
    type: "input",
    field: "deptManagerSign",
    label: "部门负责人签字",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deptManagerDate: {
    type: "datepicker",
    field: "deptManagerDate",
    label: "部门负责人签字日期",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  manpowerManagerContent: {
    type: "input",
    field: "manpowerManagerContent",
    label: "人力资源部意见",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  manpowerManagerSign: {
    type: "input",
    field: "manpowerManagerSign",
    label: "人力资源部签字",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  manpowerManagerDate: {
    type: "datepicker",
    field: "manpowerManagerDate",
    label: "人力资源部签字日期",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },

  deputyGeneralManagerContent: {
    type: "input",
    field: "deputyGeneralManagerContent",
    label: "分管副总意见",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deputyGeneralManagerSign: {
    type: "input",
    field: "deputyGeneralManagerSign",
    label: "分管副总签字",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deputyGeneralManagerDate: {
    type: "datepicker",
    field: "deputyGeneralManagerDate",
    label: "分管副总签字日期",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  generalManagerContent: {
    type: "input",
    field: "generalManagerContent",
    label: "总经理意见",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  generalManagerSign: {
    type: "input",
    field: "generalManagerSign",
    label: "总经理签字",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  generalManagerDate: {
    type: "datepicker",
    field: "generalManagerDate",
    label: "总经理签字日期",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },

});
const submitForm = () => {
  return vForm.value.validate();
};
defineExpose({
  formData,
  submitForm,
});
</script>

<style scoped>
.yk_table .ant-form-item {
  margin-bottom: 0;
}

.yk_table .ant-input-number {
  width: 100%;
}

.yk_table td {
  padding: 10px;
}

::v-deep .hideLabel .ant-form-item-label {
  display: none !important;
}

::v-deep .formTimedisplay {
  display: inline-block !important;
  width: 100%;
}

::v-deep .formTimeSpan {
  vertical-align: text-top;
  display: inline-block;
  margin: 0 10px;
}

::v-deep .labelDisplay label {
  font-weight: normal
}

ul li {
  list-style-type: none;
}

.fontStyle {
  text-align: center;
  color: black;
  font-weight: bolder;
}

::v-deep .ant-input-affix-wrapper-disabled,
.ant-input-affix-wrapper[disabled],
.ant-input-disabled,
.ant-input[disabled],
.ant-picker.ant-picker-disabled,
.ant-select-disabled .ant-select:not(.ant-select-customize-input) .ant-select-selector{
  background: #fff !important;
  color: #666 !important;
}
::v-deep input[disabled],.ant-input-number-disabled {
  color: #666 !important;
  background-color: #fff !important;
}
::v-deep label {
  font-weight: bold !important;
}
</style>
